<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
import { useRoute } from 'vue-router'

const route = useRoute()
const isLoginPage = () => route.path === '/login'
</script>

<template>
  <div class="app" :class="{ 'login-page': isLoginPage() }">
   

    <main :class="{ 'full-screen': isLoginPage() }">
      <RouterView />
    </main>
  </div>
</template>

<style>
.app {
  /* 移除容器限制，让页面全宽显示 */
}

.login-page {
  /* 登录页面保持全屏 */
}

.full-screen {
  width: 100%;
  height: 100vh;
  padding: 0;
}
</style>
